<template>
  <!-- .stop跟event.stopPropagation()效果相同 : 都是为了停止事件传播 -->
  <span @click.stop="lockOrUnlock($event)">
    <!-- $event 有点不同：此处表示新的值 -->
    <h-switch v-model="user.accountNonLocked" @change="lock($event)">
      <span slot="open">未封号</span>
      <span slot="close">已封号</span>
    </h-switch>
  </span>
</template>

<script>
export default {
  // 自定义属性
  props: ["user"],
  //  方法
  methods: {
    lockOrUnlock(event) {
      //    event.stopPropagation();
    },
    lock(newValue) {
      console.log(this.user.id);
      console.log(newValue);

      // 发送请求到服务器完成封号和解锁的操作
    }
  }
};
</script>